<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML与CSS结合练习</title>
    <link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="wrapper">
            <div class="heading">
                <div class="heading_nav">
                    <div class="heading_title">
                     极客学院
                    </div>
                    <div class="heading_navbar">
                        <ul>
                            <li><a href="#">首页</a></li>      <!--#跳转到自己本身-->
                            <li><a href="#">职业课程</a></li>
                            <li><a href="#">技术问答</a></li>
                            <li><a href="#">VIP会员</a></li>
                        </ul>
                    </div>
                    <div class="heading_img">
                        <img src="16.jpg">
                    </div>
                    <div class="heading_soptlight">
                        <form>
                            <input type="text">
                        </form>
                    </div>
                </div>
            </div>
            <div class="body">
                <div class="body_title">
                    <h3>熟悉极客学院</h3>
                    <p>我来啦</p>
                </div>
                <hr/>
                <hr/>

            </div>
        </div>
        </div>
        <div class="footing">
            @极客学院
        </div>

    </div>
</body>
</html>